{__NOLAYOUT__}<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Static Data Scenario - jsGrid Demo</title>
    
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600,400" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="__ADMINLTE__/plugins/jsgrid/demos/demos.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="__ADMINLTE__/plugins/fontawesome-free/css/all.min.css">
        <!-- Bootstrap v4 -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
        <!-- Bootstrap Switch Button -->
        <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
        <!-- <css href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap-switch-button@1.1.0/css/bootstrap-switch-button.min.css"/> -->
 
    </head>
<body>
     
<!-- <input id="email" data-inputmask="'alias': 'email'" inputmode="email"> -->
<input id="email" type="email">

<!-- jQuery -->    
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="__ADMINLTE__/plugins/jquery/jquery.min.js"><\/script>')</script>
<!-- Popper -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<!-- Bootstrap V4 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- <script src="https://unpkg.com/inputmask@5.0.3/dist/inputmask.min.js"></script> -->
<script src="https://unpkg.com/inputmask@5.0.3/dist/jquery.inputmask.js"></script>
<script>
    // document.getElementById('switch-demo').switchButton('disable')
</script>
    <script>
        $(document).ready(function(){
            // var selector = document.getElementById("email");
            // Inputmask({
            //     mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
            //     greedy: false,
            //     onBeforePaste: function (pastedValue, opts) {
            //         pastedValue = pastedValue.toLowerCase();
            //         return pastedValue.replace("mailto:", "");
            //     },
            //     definitions: {
            //         '*': {
            //             validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~\-]",
            //             cardinality: 1,
            //             casing: "lower"
            //         }
            //     }
            // }).mask(selector);
            // $(selector).inputmask({
            //     mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
            //     greedy: false,
            //     onBeforePaste: function (pastedValue, opts) {
            //         pastedValue = pastedValue.toLowerCase();
            //         return pastedValue.replace("mailto:", "");
            //     },
            //     definitions: {
            //         '*': {
            //             validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~\-]",
            //             cardinality: 1,
            //             casing: "lower"
            //         }
            //     }
            // });
            // $(":input").inputmask(undefined, {
            //     oncomplete: function () {
            //         // 输入完全时触发
            //     },
            //     onincomplete: function () {
            //         // 输入不完全时触发
            //     },
            //     oncleared: function () {
            //         // 清除完输入时触发
            //     },
            //     onKeyValidation: function (result, opts) {
            //         // 按下键盘时触发
            //     },
            //     disablePredictiveText: false
            // }).on("input", function () {
            //     // 输入时触发
            // });
            $(":input").inputmask({alias: "email"});
            var val = $("#email").val();
            if ($("#email").inputmask("hasMaskedValue"))
                console.log(val);
            else
                $("#email").val('1261061893@qq.com');
        });
    </script>
    
    <!-- <input type="checkbox" data-toggle="toggle"  id="switch-demo" > -->
    <!-- <script>$('input[data-toggle="toggle"]').bootstrapToggle('off')</script> -->
</body>
</html>
